<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta http-equiv="cache-control" content="max-age=3600"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta charset="UTF-8"/>

	<title>开放平台</title>

	<link rel="icon" href="./images/favicon.ico" type="image/x-icon"/>
	<link rel="stylesheet" href="./css/app.css"/>
	<script type="text/javascript" src="./js/jquery/jquery-3.1.1.min.js"></script>

	<script type="text/javascript" src="./js/seajs/sea.js"></script>
	<script type="text/javascript" src="./js/seajs/seajs-text.js"></script>
	<script type="text/javascript" src="./js/seajs/seajs-css.js"></script>

	<script>
		seajs.config({
			alias: {
				"jquery": "../js/jquery/jquery-3.1.1.min.js",
				"TN": "../js/TN.js",
				"matrix":"../js/metronic/js/matrix.js",
				"bootstrap":"../js/metronic/js/bootstrap.min.js",
			}
		});

		seajs.use("./jsrc/main",function(main){
			main.init();
		});
	</script>
</head>
<body>

<!--Header-part-->
<div id="header">
	<h1>MatAdmin</h1>
</div>
<!--close-Header-part-->

<!--top-Header-menu-->
<div id="user-nav" class="navbar navbar-inverse">
	<ul class="nav">
		<li  class="dropdown" id="profile-messages" ><a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle"><i class="icon icon-user"></i>  <span class="text">欢迎Admin</span><b class="caret"></b></a>
			<ul class="dropdown-menu">
				<li><a href="#"><i class="icon-user"></i> 我的资料</a></li>
				<li class="divider"></li>
				<li><a href="#"><i class="icon-check"></i> 我的任务</a></li>
				<li class="divider"></li>
				<li><a href="login.html"><i class="icon-key"></i> 退出</a></li>
			</ul>
		</li>
		<!--<li class="dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">消息</span> <span class="label label-important">5</span> <b class="caret"></b></a>
			<ul class="dropdown-menu">
				<li><a class="sAdd" title="" href="#"><i class="icon-plus"></i> 新消息</a></li>
				<li class="divider"></li>
				<li><a class="sInbox" title="" href="#"><i class="icon-envelope"></i> 收件箱</a></li>
				<li class="divider"></li>
				<li><a class="sOutbox" title="" href="#"><i class="icon-arrow-up"></i> 发件箱</a></li>
				<li class="divider"></li>
				<li><a class="sTrash" title="" href="#"><i class="icon-trash"></i> 发送</a></li>
			</ul>
		</li>-->
		<li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">设置</span></a></li>
		<li class=""><a title="" href=""><i class="icon icon-share-alt"></i> <span class="text">退出</span></a></li>
	</ul>
</div>
<!--close-top-Header-menu-->

<!--start-top-serch-->
<!--<div id="search">
	<input type="text" placeholder="输入搜索内容..."/>
	<button type="submit" class="tip-bottom" title="Search"><i class="icon-search icon-white"></i></button>
</div>-->
<!--close-top-serch-->

<!--sidebar-menu-->
<div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i> 控制台</a>
	<ul>
		<li class="active"><a href="#index"><i class="icon icon-home"></i> <span>首页</span></a> </li>
		<!--li> <a href="charts.html"><i class="icon icon-signal"></i> <span>图表统计</span></a> </li>
		<li> <a href="widgets.html"><i class="icon icon-inbox"></i> <span>插件</span></a> </li>
		<li><a href="tables.html"><i class="icon icon-th"></i> <span>数据表格</span></a></li>
		<li><a href="grid.html"><i class="icon icon-fullscreen"></i> <span>网格布局</span></a></li>-->
		<li class="submenu"> <a href="#"><i class="icon icon-th-list"></i> <span>工具</span> </a>
			<ul>
				<li><a href="#product_maintain&interface">接口面板</a></li>
			</ul>
		</li>
		<!--<li><a href="buttons.html"><i class="icon icon-tint"></i> <span>按钮 &amp; 图标</span></a></li>
		<li><a href="interface.html"><i class="icon icon-pencil"></i> <span>组件</span></a></li>
		<li class="submenu"> <a href="#"><i class="icon icon-file"></i> <span>其他</span> </a>
			<ul>
				<li><a href="index2.html">首页</a></li>
				<li><a href="gallery.html">相册</a></li>
				<li><a href="calendar.html">日历</a></li>
				<li><a href="invoice.html">清单</a></li>
				<li><a href="chat.html">聊天</a></li>
			</ul>
		</li>-->
		<!--<li class="submenu"> <a href="#"><i class="icon icon-info-sign"></i> <span>错误页面</span> </a>
			<ul>
				<li><a href="error403.html">403错误页面</a></li>
				<li><a href="error404.html">404错误页面</a></li>
				<li><a href="error405.html">05错误页面</a></li>
				<li><a href="error500.html">500错误页面</a></li>
			</ul>
		</li>-->
		<!--<li class="content"> <span>每个月带宽</span>
			<div class="progress progress-mini progress-danger active progress-striped">
				<div style="width: 77%;" class="bar"></div>
			</div>
			<span class="percent">77%</span>
			<div class="stat">21419.94 / 14000 MB</div>
		</li>-->
		<!--<li class="content"> <span>Disk Space Usage</span>
			<div class="progress progress-mini active progress-striped">
				<div style="width: 87%;" class="bar"></div>
			</div>
			<span class="percent">87%</span>
			<div class="stat">604.44 / 4000 MB</div>
		</li>-->
	</ul>
</div>
<!--sidebar-menu-->

<!--main-container-part-->
<div id="content"><div class="tn-body"></div></div>
<!--end-main-container-part-->

<!--Footer-part-->
<div class="row-fluid">
	<div id="footer" class="span12">Copyright &copy; 2018 MatAdmin. </div>
</div>
<!--end-Footer-part-->
</body>
</html>